<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>强制答应</title>
		<style>
			#div01{
				width: 250px;
				height: 50px;
				background-color: #55aaff;
				border: 1px solid;
				left: 300px;
				top: 300px;
				position: absolute;
				/*相对父级绝对定位*/
			}
		</style>
	</head>	
	    <body>
	    	<div id="div01">
	    		<center style="background-color: #55aa7f;">
	    		做我女朋友好吗？
	    		<!--换行-->
	    		<br>
	    		<!--设置两个按钮。-->
	    		<!--onclick在鼠标点击弹起之后触发的事件-->
	    		<!--onmousedown在鼠标按键按下去的瞬间触发的-->
	    		<!--比如我们习惯按下鼠标托至另外一个地方松开时候，onclick并不能触发，只能用onmousedown-->
	    		<input type="button"value="好"onclick="fun()"/ style="color: hotpink;">
	    		<input type="button"value="不好"onmousedown="overs()"/>
	    		</center>
	    	</div>
	    	<script>
	    		function overs()
				{
	    			//随机数
	    			var x=Math.floor(Math.random()*800);
	    			var y=Math.floor(Math.random()*800);
	    			//获取div对象
	    			var div01=document.getElementById("div01");
	    			//div的位置发生变化
	    			div01.style.left=x+"px";
	    			div01.style.top=y+"px";	
	    		}
				
	    		function fun()
				{
	    			for(var i=0;i<=1;i++)
	    			{
	    				//打开网页
	    				//window.open("http://baidu.com");
	    				alert("晚上一起吃饭！");
	    			}
	    		}
	    	</script>
	    </body>	
</html>


